<template>
    <div class="home">

        <!--主题部分-->
        <div class="body">
            <!--轮播图-->
            <div class="chart-box">
                <Chart></Chart>
            </div>

            <!--零基础入门-->
            <div class="zero-box">
                <SubjectZero></SubjectZero>
            </div>

        </div>

        <!--页脚-->
        <Footer></Footer>
    </div>
</template>

<script>
    import Chart from "@/components/home/Chart"
    import Footer from "@/components/footer/Footer"
    //临时
    import SubjectZero from "@/components/home/SubjectZero"

    export default {
        name: "",
        components: {
            Chart, Footer,
            SubjectZero
        },
        data() {
            return {}
        },
        computed: {
        },
        methods: {},
        mounted() {
        }
    }
</script>

<style scoped>
    .home .body {
        min-height: calc(100vh - 70px);
    }

    /*轮播图*/
    .home .chart-box {
        background-color: aliceblue;
        height: 440px;
        border-radius: 6px;
        margin: 0px auto;
        padding-top: 20px;
    }

    /*零基础入门*/
    .home .zero-box{
        width: 1200px;
        margin: 20px auto 0px;
    }
</style>